<!DOCTYPE html>
<html>
<head>
<title>Fonite</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
  $(document).bind("mobileinit", function(){
    $.mobile.ajaxEnabled = false;
  });
</script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29764188-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
{% block head %}
{% endblock %}
</head>
<body>
{% block body %}
<div data-role="page">
  <div data-role="header">
    {% block header %}{% endblock %}
  </div><!-- /header -->
  <div data-role="content">
  {% block content %}{% endblock %}
  </div><!-- /content -->
  {% block footer %}
  {% endblock footer %}
</div><!-- /page -->
{% endblock body %}
</body>
</html>
